<!--
 * @Descripttion: 
 * @version: 
 * @Author: Xugang
 * @Date: 2022-04-22 10:51:48
 * @LastEditors: Xugang
 * @LastEditTime: 2022-04-22 14:26:14
-->
<template>
  <div>
    <recursion-components :list="list" />
  </div>
</template>

<script>
import recursionComponents from "@/components/recursion-components";
export default {
  components: { recursionComponents },
  data() {
    return {
      list: [
        {
          id: 1,
          name: "张三",
          sex: "男",
          children: [
            {
              id: 2,
              name: "张小小",
              sex: "男",
              children: [
                {
                  id: 3,
                  name: "张米小",
                  sex: "男",
                  children: [
                    { id: 4, name: "张巨小", sex: "男", children: [] },
                  ],
                },
              ],
            },
            {
              id: 5,
              name: "张二小",
              sex: "男",
              children: [
                {
                  id: 6,
                  name: "张超小",
                  sex: "男",
                  children: [
                    { id: 7, name: "张夸小", sex: "男", children: [] },
                  ],
                },
              ],
            },
            {
              id: 8,
              name: "张萌萌",
              sex: "女",
              children: [
                {
                  id: 9,
                  name: "张海涛",
                  sex: "男",
                  children: [
                    { id: 10, name: "张思思", sex: "女", children: [] },
                  ],
                },
              ],
            },
          ],
        },
        {
          id: 11,
          name: "张思思",
          sex: "女",
          children: [{ id: 12, name: "张二手", sex: "男", children: [] }],
        },
      ],
    };
  },

  created() {
    if (!this.$root.expandData) {
      this.$root.expandData = this.list;
    }
  },

  methods: {},
};
</script>

<style scoped lang='scss'>
</style>
